<!-- <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> -->

<link rel="stylesheet" href="http://localhost/jDownload/jquery-ui-1.8.6.custom.css" />
<script type="text/javascript" src="http://localhost/jDownload/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="http://localhost/jDownload/jquery-ui-1.8.6.custom.min.js"></script>

<link rel="stylesheet" href="http://localhost/jDownload/jquery.jDownload.css" />
<script type="text/javascript" src="http://localhost/jDownload/jquery.jDownload.js"></script>

<script type="text/javascript">
  $(document).ready(function() {

  $('.download').jDownload();

  /*$('.download').jDownload({
    event : 'hover',
    dialogWidth : 300,
    dialogHeight : 150
  });*/

});
</script>

<p><a href="jDownload/Invierno.jpg" class="download" title="This is image 1">Download here</a></p>

<!-- <script type="text/javascript">
    $(document).ready(function() {

        $('#download').jDownload({
            root : 'http://localhost/',
            filePath : 'jDownload/Invierno.jpg',
            dialogDesc : 'This is image 1' /* specify dialog description */
        });

    });
</script>

<div id="download">Click here to download image 1</div> -->


